<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com">
<style type="text/css">
div#container
{
   width: 810px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   text-align: center;
   margin: 0;
   background-color: #F0F6DF;
   color: #000000;
}
</style>
<style type="text/css">
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
a.style1
{
   color: #004080;
   text-decoration: none;
}
a.style1:visited
{
   color: #004080;
   text-decoration: none;
}
a.style1:active
{
   color: #004080;
   text-decoration: none;
}
a.style1:hover
{
   color: #FFFFFF;
   text-decoration: underline;
}
</style>
<style type="text/css">
#Image1
{
   border: 0px #000000 solid;
}
#Image4
{
   border: 0px #000000 solid;
}
#Image3
{
   border: 0px #000000 solid;
}
#Image6
{
   border: 0px #000000 solid;
}
#Image5
{
   border: 0px #000000 solid;
}
#Image8
{
   border: 0px #000000 solid;
}
#Image7
{
   border: 0px #000000 solid;
}
#Image10
{
   border: 0px #000000 solid;
}
#wb_TextMenu2
{
   background-color: transparent;
   color :#000000;
   font-family: Arial;
   font-size: 15px;
}
#wb_TextMenu2 span
{
   margin: 0px 4px 0px 0px;
}
#wb_Text2 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text4 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#Combobox1
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
}
#Combobox2
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
}
#wb_Text6 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#Image9
{
   border: 0px #000000 solid;
}
#SlideMenu1 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   font-family: Arial;
   font-size: 13px;
}
#SlideMenu1 li
{
   cursor: pointer;
}
#SlideMenu1 li div
{
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 2px 5px;
   background-color: #A0A0A0;
   border-style: solid;
   border-width: 1px;
   border-color: #A0A0A0;
   position: relative;
   left: 0;
   top: 0;
   width: 91px;
}
#SlideMenu1 li div:hover
{
   background-color: #666666;
   border-style: solid;
   border-width: 1px;
   border-color: #666666;
}
#SlideMenu1 li a
{
   color: #EEEEEE;
   font-weight: normal;
   text-decoration: none;
}
#SlideMenu1 li a:hover
{
   color: #EEEEEE;
   font-weight: normal;
   text-decoration: none;
}
#SlideMenu1 li li
{
   cursor: auto;
   padding: 2px 2px 2px 5px;
   margin: 1px 0px 1px 0px;
   background-color: #EEEEEE;
   border-style: solid;
   border-width: 1px;
   border-color: #C0C0C0;
}
#SlideMenu1 li li a
{
   color: #666666;
   font-weight: normal;
   text-decoration: none;
}
#SlideMenu1 li li:hover
{
   background-color: #C0C0C0;
   border-style: solid;
   border-width: 1px;
   border-color: #C0C0C0;
}
#SlideMenu1 li li a:hover
{
   color: #666666;
   font-weight: normal;
   text-decoration: none;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
   $(".SlideMenu1_Folder div").click(function()
   {
      if ($(this).parent().find('ul').is(':hidden'))
      {
         $(this).parent().find('ul').show();
      }
      else
      {
         $(this).parent().find('ul').hide();
      }
   });
});
</script>
</head>
<body>
<div id="container">
<div id="wb_Image1" style="position:absolute;left:0px;top:788px;width:810px;height:42px;z-index:0;">
<img src="images/bottom.gif" id="Image1" alt="" style="width:810px;height:42px;"></div>
<div id="wb_Image4" style="position:absolute;left:3px;top:58px;width:810px;height:727px;z-index:1;">
<img src="images/content_bg_01.gif" id="Image4" alt="" style="width:810px;height:727px;"></div>
<div id="wb_Image3" style="position:absolute;left:255px;top:245px;width:533px;height:31px;z-index:2;">
<img src="images/content_top.gif" id="Image3" alt="" style="width:533px;height:31px;"></div>
<div id="wb_Image6" style="position:absolute;left:255px;top:276px;width:533px;height:437px;z-index:3;">
<img src="images/content_mid.gif" id="Image6" alt="" style="width:533px;height:437px;"></div>
<div id="wb_Image5" style="position:absolute;left:255px;top:710px;width:533px;height:31px;z-index:4;">
<img src="images/content_btm.gif" id="Image5" alt="" style="width:533px;height:31px;"></div>
<div id="wb_Image8" style="position:absolute;left:19px;top:242px;width:225px;height:28px;z-index:5;">
<img src="images/nav_top.gif" id="Image8" alt="" style="width:225px;height:28px;"></div>
<div id="wb_Image7" style="position:absolute;left:19px;top:270px;width:225px;height:168px;z-index:6;">
<img src="images/nav_mid.gif" id="Image7" alt="" style="width:225px;height:168px;"></div>
<div id="wb_Image10" style="position:absolute;left:19px;top:434px;width:225px;height:28px;z-index:7;">
<img src="images/nav_btm.gif" id="Image10" alt="" style="width:225px;height:28px;"></div>
<div id="wb_TextMenu2" style="position:absolute;left:38px;top:216px;width:190px;height:104px;z-index:8;">
<span><a href="http://" class="style1">&#8226; Home</a></span><span><a href="http://" class="style1">&#8226; About us</a></span><span><a href="http://" class="style1">&#8226; Contact</a></span></div>
<div id="wb_Text2" style="position:absolute;left:420px;top:275px;width:53px;height:36px;z-index:9;text-align:left;">
<span style="color:#000000;font-family:Georgia;font-size:16px;">KELAS</span></div>
<div id="wb_Text4" style="position:absolute;left:418px;top:306px;width:96px;height:18px;z-index:10;text-align:left;">
<span style="color:#000000;font-family:Georgia;font-size:16px;">SEMESTER</span></div>
<select name="pilihkelas" size="1" id="Combobox1" style="position:absolute;left:530px;top:271px;width:67px;height:21px;z-index:11;">
<option value="10">10 AK</option>
<option value="11">11 AK</option>
<option value="12">12 AK</option>
</select>
<select name="Sem" size="1" id="Combobox2" style="position:absolute;left:531px;top:301px;width:67px;height:21px;z-index:12;">
<option value="Ganjil">Ganjil</option>
<option value="Genap">Genap</option>
</select>
<div id="wb_Text6" style="position:absolute;left:43px;top:270px;width:81px;height:16px;z-index:13;text-align:left;">
<span style="color:#000000;font-family:Arial;font-size:13px;">Welcome, </span></div>
<div id="wb_Image9" style="position:absolute;left:40px;top:298px;width:84px;height:92px;z-index:14;">
<img src="images/NO-IMAGE-AVAILABLE.jpg" id="Image9" alt="" style="width:84px;height:92px;"></div>
<div id="SlideMenu1" style="position:absolute;left:288px;top:277px;width:100px;height:140px;z-index:15;">
<ul>
   <li class="SlideMenu1_Folder"><div><a>NILAI</a></div><span><!-- empty --></span>
      <ul>
         <li><a href="">Edit</a></li>
         <li><a href="">Tambah</a></li>
      </ul>
   </li>
</ul>
</div>
</div>
</body>
</html>